<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box {
            width: 1400px;
            height: 600px;
            margin: 100px auto;
            background-color: rgba(75, 68, 68, 0.493);
            position: relative;
        }
        
       
        .box1 {
            width: 350px;
            height: 500px;
            background-color: #16124d;
            padding-left: 80px;
            padding-top: 150px;
            position: absolute;
            right: 300px;
            top: -100px;
            box-shadow: 20px 20px 10px #898989;
            
        }
        .box1 h1 {
           color: ghostwhite;
           font-size: 20px;

                }
        .box1 p {
                   width: 250px;
                   color: rgb(229, 234, 235);
                   font-size: 10px;
                   margin-top: 20px;
        }       
        .box1 a {
                  display: block;
                  width: 120px;
                  height: 30px;
                  background-color: #ffffff;
                  color: #82dfcf;
                  line-height: 30px;
                  text-decoration: none;
                  margin-top: 50px;
                  text-align: center;
}

        .box2 {
            width: 300px;
            height: 200px;
            background-color: #eed0cb;
            padding-left: 50px;
            padding-top: 50px;
            position: absolute;
            left: 430px;
            bottom: -60px;
            box-shadow: 10px 10px 50px #898989;
            z-index: 10;
        } 
        .box2 h2 {
           color: rgb(197, 99, 172);
           font-size: 15px;

                }
        .box2 a {
                  display: block;
                  width: 120px;
                  height: 30px;
                  border: 3px solid #ffffff;
                  color: #ffffff;
                 line-height: 30px;
                 text-decoration: none;
                margin-top: 20px;
                 text-align: center;
         }
         .box2 p2 {
                   width: 250px;
                   color: rgb(46, 50, 51);
                   font-size: 10px;
                   margin-top: 20px;
        }       


        

        .box3 {
    position: absolute;
    right: 700px;
    top: 150px;
    box-shadow: 10px 10px 50px #898989;
}

            
    </style>
</head>

<body>

    <div class="box">
    
        <div class="box1">
            <h1> LeBron James </h1>
            <p>LeBron James, whose full name is LeBron <br> was born in Akron, Ohio on December 30, <br>  He is an American professional basketball <br>a small forward, nicknamed "little emperor", playing for the NBA Los Angeles       </p>
            <a href="#">LeBron  </a>
        </div>

        <div class="box2">
             <h2>LeBronRaymone</h2>
            <p2>LeBron James, whose full name is  <br> was born in Akron, Ohio on December<br>  He is an American professional <br></p2>
            <a href="#">LeBron </a>
        </div>
          

        <div class="box3"> <img src="http://via.placeholder.com/350x350" alt=""> </div>

    </div>


</body>

<ml>